@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:520px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:520px; position:relative}
.banner li{ width:100%; height:520px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(banner01.jpg) no-repeat center top;}
.banner .li02{background:url(banner02.jpg) no-repeat center top;}
.banner .li03{background:url(banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:20px; margin-left:-35px;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:230px; background:url(banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:230px; background:url(banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}


/*pro*/
.pro { overflow:hidden; width:100%;background-color:#f9f9f9; padding-bottom:50px}
.pro h3.htitle{letter-spacing:10px}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:285px; height:200px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:251px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-200px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:200px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-200px;}
.pro li.li06 b{ left:-224px; top:200px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-200px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:200px;}

/*news*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.news h3.htitle a:hover{ color:#dc1313}
.news h3.htitle{letter-spacing:10px}
.news .newbox{ overflow:hidden; width:100%; height:420px;}
.news .newsLeft { overflow:hidden; width:590px; background-color:#f9f9f9; height:420px; float:left;}
.news .newsLeft .tubox{ display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative;}
.news .newsLeft img{ display:block; position:absolute; left:0;width:100%;}
.news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.news .newsLeft h4 a{ display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;}
.news .newsLeft p{ font-size:12px; width:555px; margin:0 auto; color:#000; line-height:20px; height:40px; overflow:hidden;}
.news .newsLeft p a{ color:#dc1313;}
.news .newsLeft:hover h4 a{ color:#dc1313}

.news .newsRight{ overflow:hidden; width:590px; height:420px; float:right;}
.news .newsRight dl{ overflow:hidden; width:570px; padding:10px; height:106px; margin-bottom:20px;}
.news .newsRight dt{ overflow:hidden; float:left; width:160px; height:106px;}
.news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:370px;}
.news .newsRight dd h4{ margin-top:10px; font-size:16px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsRight dd h4 a{ color:#333}
.news .newsRight dd p{ font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden}
.news .newsRight dd em{ float:right; display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px;}
.news .newsRight dl:hover{ background-color:#f5f5f5;}
.news .newsRight dl:hover h4 a{ color:#dc1313}

/*about*/
.about { overflow:hidden; width:100%; height:590px; background:url(bbbbg.jpg) no-repeat center top;;}
.about h3.htitle a:hover{ color:#dc1313}
.about dl{ overflow:hidden; width:1200px; margin:0 auto; height:360px; background-color:#fff;}
.about dt{ overflow:hidden; width:610px; height:360px; float:left}
.about dd{ overflow:hidden; float:right; width:510px; height:360px; padding:0 35px; background-color:#fff;}
.about dd h4{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:30px; margin-bottom:10px;}
.about dd h4 a{ color:#333}
.about dd p{ font-size:14px; text-align:justify; margin-bottom:25px; color:#666; line-height:24px; height:96px; overflow:hidden}
.about dd p a{ color:#e01313;}
.about dd ul{ overflow:hidden; width:100%; padding-top:25px; border-top:2px solid #e8e8e8;}
.about dd li{ float:left; width:102px; margin-right:34px;}
.about dd li.last{ margin-right:0;}
.about dd li i{ display:block; width:102px; height:102px; position:relative; margin:0 auto; overflow:hidden; margin-bottom:10px;}
.about dd li i img{ display:block; position:absolute; left:0; top:0;}
.about dd li span{ display:block; text-align:center; font-size:14px; color:#666;}
.about dd li a{ display:block; text-decoration:none}
.about dd li:hover span{ color:#e01313}
.about dd li:hover i img{top:-102px}

.news .newsmore .more{ display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#999; font-family:Arial; border:2px solid #e9e9e9; text-decoration:none; margin: 0 auto; margin-top: 40px;}
.news .newsmore .more:hover{ color:#fff; border-color:#dc1313; background-color:#dc1313}